export default {
  title: {
    text: '绿色表格标题',
    textHtml: '<big>大标题</big>',
    style: {
      fontSize: '20px',
      color: 'green'
    }
  },
  header: [
    {
      label: '左小标题',
      // lableHtml优先label
      labelHtml: '<i>左左左</i>',
      value: 'TEST',
      valueHtml: '<i>是快到家了分手</i>',
      labelStyle: {
        fontSize: '14px',
        color: 'gray'
      },
      valueStyle: {
        fontSize: '14px',
        color: 'orange'
      }
    },
    {
      label: '右小标题',
      value: '14号字体',
      labelStyle: {
        fontSize: '14px'
      },
      valueStyle: {
        fontSize: '14px'
      }
    }
  ], // 生成table之内的caption
  columnsNum: 7, // 表格列数
  data: [
    [
      {
        label: '姓名',
        labelHtml: '姓<br/>名',
        value: '张星',
        valueHtml: '张<i style="color:blue">* </i>星',
        labelConfig: {
          colspan: 1,
          rowspan: 1
        },
        labelStyle: {
          width: '85px',
          color: '#339900'
        },
        valueConfig: {
          colspan: 3,
          rowspan: 1
        },
        valueStyle: {
          color: 'red',
          fontSize: '16px',
          fontWeight: 'bold'
          // width:['100px','100px','120px'] // 个数跟valueConfig.colspan走
        }
      },
      {
        label: '年龄',
        value: '31',
        labelStyle: {
          width: '85px'
        }
      },
      {
        label: '头像',
        labelConfig: {
          rowspan: 3
        },
        labelStyle: {
          width: '100px'
        },
        labelMode: 'img',
        labelModeUrl: 'http://localhost:5173/vite.svg',
        labelModeStyle: {
          margin: 'auto'
        }
      }
    ],
    [
      {
        label: '出生年月',
        value: '1997-04-02'
      },
      {
        label: '血型',
        value: 'AB型',
        valueMode: 'checkbox',
        valueModeOptions: [
          { label: 'A型', value: 'a' },
          { label: 'B型', value: 'b' },
          { label: 'AB型', value: 'ab' },
          { label: 'O型', value: 'o' }
        ],
        valueModeCheckboxName: 'chkd',
        valueModeValue: ['ab', 'o']
      },
      {
        label: '身高',
        value: '178'
      }
    ],
    [
      {
        label: '体重',
        value: '142'
      },
      {
        label: '婚姻状况',
        value: '未婚'
      },
      {
        value: '删除线',
        valueConfig: {
          colspan: 2
        },
        valueStyle: {
          textAlign: 'center',
          textDecoration: 'line-through',
          color: '#999'
        }
      }
    ],
    [
      {
        label: '性别',
        value: '男',
        valueMode: 'radio',
        valueModeValue: '1',
        valueModeRadioName: '',
        valueModeOptions: [
          { label: '男', value: '1' },
          { label: '女', value: '2', labelStyle: { color: 'red' } }
        ],
        valueModeStyle: { color: 'green' }
      },
      {
        label: '民族',
        value: '汉'
      },
      {
        label: '行政区划',
        value: '行星防御领事<点我可跳转>',
        valueConfig: {
          colspan: 2
        },
        valueMode: 'link',
        valueModeUrl: 'http://www.baidu.com/',
        valueModeStyle: {
          color: '#99AA33'
        }
      }
    ],
    [
      {
        mode: 'NewTable',
        columnsNum: 6,
        data: [
          [
            { label: '在岗单位', value: '', labelStyle: { width: '100px' } },
            { label: '职称', value: '', labelStyle: { width: '80px' } },
            {
              label: '职位',
              value: '行星防御指挥长',
              labelStyle: { width: '80px' },
              valueStyle: {
                color: 'burlywood',
                fontSize: '14px'
              }
            }
          ],
          [
            {
              label: '是否在职',
              value: '<-是否在职',
              labelMode: 'radio',
              labelModeValue: '2',
              labelModeOptions: [
                { label: '是', value: '1' },
                { label: '否', value: '2' }
              ],
              labelModeStyle: {
                fontSize: '12px'
              }
            },
            {
              label: '职称',
              labelHtml: '<i>YM</i>',
              value: '',
              valueHtml: '<i style="color:red">YUWD</i>'
            },
            { label: '职位', value: '' }
          ],
          [
            { label: '在岗单位', value: '' },
            {
              label: '职称',
              value: '',
              valueMode: 'checkbox',
              valueModeOptions: [
                { label: '部长', value: '1' },
                { label: '处长', value: '2', labelStyle: { color: 'red' } },
                { label: '连长', value: '3' }
              ],
              valueModeCheckboxName: 'pad',
              valueModeValue: '3',
              valueModeStyle: {
                color: 'blue'
              }
            },
            { label: '职位', value: '' }
          ]
        ]
      }
    ],
    [
      {
        mode: 'NewList',
        data: {
          columns: [
            { label: '序号', align: 'center|center', style: { width: '60px' } },
            { label: '教育情况', width: '100px', align: 'center|right' },
            { label: '开始时间' },
            { label: '截止时间', labelHtml: '<span style="color:yellow">日期</span>' },
            {
              label: '备注【300px宽度】',
              width: '300px',
              align: 'center|center',
              style: {
                color: '#11FF99'
              }
            }
          ],
          list: [
            [1, '小学', '2003', '2009', '正常结业'],
            [2, '中学', '2009', '2012', '正常结业'],
            [
              3,
              '高中',
              {
                text: '1',
                config: { colspan: 2 },
                mode: 'checkbox',
                modeOptions: [
                  { label: '在读', value: '3' },
                  { label: '肄业', value: '4' },
                  { label: '结业', value: '5' },
                  { label: '毕业', value: '6' }
                ],
                modeStyle: {},
                modeRadioName: '',
                modeValue: ['3', '5']
              },
              // '2015',
              {
                text: '正常结业',
                textHtml: '<i>李会计哈</i>'
              }
            ],
            [
              {
                text: '4',
                style: {
                  textAlign: 'right'
                }
              },
              {
                text: '大学',
                style: {
                  color: '#AA3377',
                  fontSize: '12px'
                }
              },
              {
                text: '2015[居中]',
                style: {
                  fontSize: '14px',
                  color: 'red',
                  textAlign: 'center'
                }
              },
              {
                text: '至今',
                mode: 'link',
                modeUrl: 'http://www.baidu.com',
                modeStyle: {
                  borderBottom: '1px solid red',
                  textDecoration: 'none'
                }
              },
              {
                text: '图片一张',
                mode: 'img',
                modeUrl: 'http://localhost:5173/vite.svg',
                modeStyle: {
                  color: 'red',
                  margin: 'auto'
                }
              }
            ]
          ]
        }
      }
    ],
    [
      {
        mode: 'Opinion',
        border: 'true', // 表示是否展示边框
        layout: 'table', // table | div  td内部使用什么布局
        data: [
          {
            label: '作业负责人意见',
            labelStyle: { width: '160px', textAlign: 'center' },

            value: '同意',
            valueStyle: {},

            sign: '张三', // 签字信息
            signMode: 'img', // 标签sign是张图片
            signStyle: {},
            signLabel: '人员：', // 签字描述头
            signLabelStyle: {},
            signParentStyle: { color: 'red' }, // 签字父级容器

            time: '2025-12-12 10:10:10', // 时间信息
            timeStyle: {},
            timeLabel: '时间：', // 时间描述头
            timeLabelStyle: {},
            timeParentStyle: { flex: 4 } // 时间父级容器
          },
          { label: '所在单位意见', value: '同意', sign: '麻子', time: '2025-12-15 09:21:02' }
        ]
      }
    ]
  ],
  footer: [
    {
      label: '操作人：',
      value: '张三',
      labelStyle: {
        fontSize: '12px'
      },
      valueStyle: {
        fontSize: '12px',
        color: 'blue'
      }
    },
    {
      label: '页码：',
      value: '1/1',
      valueHtml: '<span style="color:red">1</span>/<span>3</span>',
      labelStyle: {
        fontSize: '12px'
      },
      valueStyle: {
        fontSize: '12px'
        // color: 'red'
      }
    },
    {
      label: '操作时间：',
      value: '2024/12/22 10.20.19',
      labelStyle: {
        fontSize: '12px',
        color: 'green'
      },
      valueStyle: {
        fontSize: '12px'
      }
    }
  ] // 生成table之内的caption并防止再table末尾
}
